.elementor-kit-5 {
  --e-global-color-primary: #096B68; /* Warna utama baru */
  --e-global-color-secondary: #00A18C; /* Warna sekunder */
  --e-global-color-text: #7A7A7A;
  --e-global-color-accent: #FFB410;
  --e-global-color-6dd359e: #010101;
  --e-global-color-5aa11fb: #F5F5F5;
  --e-global-color-d4e3541: #007676;
  --e-global-color-8194b96: #00A18C;
  --e-global-color-228766e: #105BFF;
  --e-global-color-ba0980a: #007A3D;

  --e-global-typography-primary-font-family: "Poppins";
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Hind";
  --e-global-typography-secondary-font-weight: 500;
  --e-global-typography-text-font-family: "Hind";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Hind";
  --e-global-typography-accent-font-weight: 700;

  color: #7A7A7A;
  font-family: "Hind", Sans-serif;
  font-size: 1em;
  font-weight: 600;
  background-color: #F5F5F5;

  --e-page-transition-entrance-animation: e-page-transition-fade-out;
  --e-page-transition-exit-animation: e-page-transition-fade-in;
  --e-page-transition-animation-duration: 750ms;
}

.elementor-kit-5 a {
  color: var(--e-global-color-primary);
}

.elementor-kit-5 a:hover {
  color: var(--e-global-color-accent);
}

.elementor-kit-5 h1,
.elementor-kit-5 h2,
.elementor-kit-5 h3,
.elementor-kit-5 h4,
.elementor-kit-5 h5,
.elementor-kit-5 h6 {
  color: var(--e-global-color-primary); /* Semua heading ikut warna utama */
  font-family: "Montserrat", Sans-serif;
  font-weight: 700;
}

.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1140px;
}

.e-con {
  --container-max-width: 1140px;
}

.elementor-widget:not(:last-child) {
  margin-block-end: 20px;
}

.elementor-element {
  --widgets-spacing: 20px 20px;
}

h1.entry-title {
  display: var(--page-title-display);
}

.elementor-kit-5 e-page-transition {
  background-color: #F5F5F5;
}

@media (max-width: 1024px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1024px;
  }
  .e-con {
    --container-max-width: 1024px;
  }
}

@media (max-width: 767px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 767px;
  }
  .e-con {
    --container-max-width: 767px;
  }
}
